﻿@import "../../LiberUI/Style/Default/Theme";
#MainPart{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
     background-color:white;
    padding-top:15%;
    text-align:center;
}
.procedure{
   text-align:center;
   margin-bottom:4rem;
   &>img{
       width:110%;
     
   } 
}

.step-bar{
  border:1px solid gainsboro;
  margin-top:1rem;
}
.input-fill{
    margin-bottom:3rem
}
.wx-input{
    text-align:center;
    width:100% !important
}
#Captcha{
    border:1px solid gainsboro;
    height:2.5rem;
    line-height:2.5rem;
    text-align:center;
    border-radius:5px;
   
    color:white;
    }
.enableBtn{
      background-color:#3caed4;
       cursor:pointer;
       &:hover{
        background-color:#66bfdd;
    }
}
.disableBtn{
     background-color:gainsboro;
       cursor:not-allowed;
}
.exampleImg{
    width:100%;
    height:100%;
}
#picIDCard-face{
    margin-bottom:3rem;
    border:1px dashed gray ;
    background-color:gainsboro;
    height:16rem;
    padding:2rem;
    opacity:0.5;
    cursor:pointer;
    & img{
       width:100%;
       height:100%
    }
    &>.upperLeft{
        position:absolute;
        width:2rem;
        height:2rem;
        border-top:5px solid #000;
        border-left:5px solid #000;
        top:1rem;
        left:1rem;
    }
    &>.lowerLeft{
        position:absolute;width:2rem;
        height:2rem;
        border-left:5px solid #000;
        border-bottom:5px solid #000;
        bottom:1rem;
        left:1rem;
    }
    &>.upperRight{
        position:absolute;
        width:2rem;
        height:2rem;
        border-bottom:5px solid #000;
        border-right:5px solid #000;
        bottom:1rem;
        right:1rem
    }
    &>.lowerRight{
        position:absolute;
        width:2rem;
        height:2rem;
        border-top:5px solid #000;
        border-right:5px solid #000;
        top:1rem;
        right:1rem
    }
    }
#wx-name{
    text-align:center ;
    width:100% !important
}
#wx-company{
    text-align:center;
    width:100% !important
}
.steps{
    text-align:center;
    margin-bottom:4rem;
}
#licencepic>img{
    margin-bottom:3rem;
    border:1px dashed gray ;
    background-color:gainsboro;
    height:16rem;
    padding:2rem;
    opacity:0.5
}
#companyName{
    background-image:url(/SiteUI/Imgs/search-icon.png);
    background-repeat:no-repeat;
    background-size:2rem 2rem;
    background-position-x:right;
    background-position-y: center;
     width:100%;
    text-align:center;
    }
.btnApply{
      @include btnStyle();
}

